<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<script type="text/javascript">
	window.onload = function  () {
		//#id名称
		//var oDiv = document.querySelector('#div1');

		//标签名称
		//var oDiv = document.querySelector('div');

		//.class名称
		//var oDiv = document.querySelector('.box1');

		//[属性名称+属性值] 或 [属性名称]
		//var oDiv = document.querySelector('[title = hello]');
		var oDiv = document.querySelector('[title]');		//只能选择一组中的第一个元素，所以第二个div不会改变背景色
		//alert(oDiv.length)		//undefined

		/*
			IE7及以下不支持querySelector
		*/
		
		oDiv.style.backgroundColor = 'red';
	}
</script>
<body>
	<div id="div1" class="box1" title="hello">div</div>
	<div id="div2" class="box1" title="hello">div2</div>
</body>
</html>